<template>
  <div>
    <!--  返回条和说明  -->
    <div>
      <!--  返回条  -->
      <div>
        <div>
          <img src="../../../assets/static/publicImg/back.png" alt=""/>
        </div>
        <div>
          <span>添加卡片</span>
        </div>
      </div>
    </div>
    <!--  内容  -->
    <div>
      <div>
        <div>
          <div>
            <!--          items  -->
            <div>
              <!--    title          -->
              <div>
                <img src="../../../assets/static/addCard/a3.png" alt=""/>
                <span>卡片号码</span>
              </div>
              <!--            内容  -->
              <div>
                <!--     input           -->
                <div>
                  <div>
                    <img src="../../../assets/static/addCard/a2.png" alt=""/>
                  </div>
                  <div>
                    <span>102120016915</span>
                  </div>
                </div>
                <!--         tips       -->
                <div>
                  <span>使用Visa或银行卡，没有充值费。</span>
                </div>
              </div>
            </div>
            <!--          items  -->
            <div>
              <!--    title          -->
              <div>
                <img src="../../../assets/static/addCard/a3.png" alt=""/>
                <span>到期日</span>
              </div>
              <!--            内容  -->
              <div>
                <!--     input           -->
                <div>
                  <!--                  第一行-->
                  <div>
                    <input type="text" aria-placeholder="CVV"/>
                  </div>
                  <!--                  第二行-->
                  <div>
                    <div>
                      <input aria-placeholder="MM/YY"/>
                    </div>
                    <div>
                      <input aria-placeholder="CVV"/>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!--          items  -->
            <div>
              <!--    title          -->
              <div>
                <img src="../../../assets/static/addCard/a3.png" alt=""/>
                <span>发卡国家</span>
              </div>
              <!--            内容  -->
              <div>
                <!--     input           -->
                <div>
                  <div>
                    <div>
                      <img src="../../../assets/static/addCard/a1.png" alt="" />
                    </div>
                    <div>
                      <span>星加坡</span>
                    </div>
                  </div>
                  <div>
                    <span>更改</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--          tips-->
          <div>
            <div>
              <span>第一张卡片是您的默认卡片</span>
            </div>
            <div>
              <span>您的卡片可能被收取费用以确保其有效。该金额稍后降自动退还给您。</span>
            </div>
          </div>
        </div>
        <!--     保存按钮   -->
        <div>
          <button>保存</button>
        </div>
      </div>
      <!--   tips   -->
      <div>
        <span>添加卡片，意味着您已经阅读并统一我们的协议和条款</span>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'Middle',
}
</script>

<style scoped>
</style>
